<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新浪</title>
    <style>
        li{
            list-style-type: none;
            padding-left: 39px;
        }
        #first > h2{
            background: url("../../img/fashion.png") -8px -270px no-repeat;
            padding-left:39px;
        }
        /*#hot{*/
        /*    background: url("../../image/fashion.png") -8px -370px no-repeat;*/
        /*}*/
        #hot > h2{
            background: url("../../img/fashion.png") -8px -364px no-repeat;
            padding-left: 39px;
        }
        #title > h2{
            background: url("../../img/fashion.png") -8px -418px no-repeat;
            padding-left: 39px;
        }
        #fan > h2{
            background: url("../../img/fashion.png") -8px -470px no-repeat;
            padding-left: 39px;
        }
        .hot{
            background-color: red;
            color: white;
            margin-right: 20px;
        }
        #sina  ul  ul{
            margin-left: -75px;
            margin-top:-20px;
        }
        li{
            margin-top: 5px;
        }
    </style>
</head>
<body>
    <div id="sina">
        <ul>
            <li id="first">
                <h2>首页回顾</h2>
                <ul>
                    <li>
                        <span class="hot">01</span>
                        <span>快来照抄钟楚曦的“恋夏一族”权威穿搭...</span>
                    </li>
                    <li>
                        <span class="hot">02</span>
                        <span>
                            小辣李嘉琦向我们证明——自信就是女生...
                        </span>
                    </li>

                </ul>
            </li>
            <li id="hot">
                <h2>热门排行</h2>
                <ul>
                    <li>
                        <span class="hot">01</span class="hot">
                        <span>快来照抄钟楚曦的“恋夏一族”权威穿搭...</span>
                    </li>
                    <li>
                        <span class="hot">02</span>
                        <span>小辣李嘉琦向我们证明——自信就是女生...</span>
                    </li>
                </ul>
            </li>
            <li id="title">
                <h2>话题</h2>
                <ul>
                    <li>
                        <span class="hot">01</span>
                        <span>快来照抄钟楚曦的“恋夏一族”权威穿搭...</span>
                    </li>
                    <li>
                        <span class="hot">02</span>
                        <span>小辣李嘉琦向我们证明——自信就是女生...</span>
                    </li>
                </ul>
            </li>
            <li id="fan">
                <h2>时尚热搜</h2>
                <ul>
                    <li>
                        <span class="hot">01</span>
                        <span>快来照抄钟楚曦的“恋夏一族”权威穿搭...</span>
                    </li>
                    <li>
                        <span class="hot">02</span>
                        <span>小辣李嘉琦向我们证明——自信就是女生...</span>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
</body>
</html>